<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>登录</title>
    <link type="text/css" rel="stylesheet" href="style/reset.css">
    <link type="text/css" rel="stylesheet" href="style/main.css">
</head>
<body>
<div class="headerBar">
    <div class="logoBar login_logo">
        <div class="comWidth">
            <div class="logo fl">
                <a href="#"><img src="images/icon/logo.png" alt="慕课网"></a>
            </div>
            <h3 class="welcome_title">欢迎登录</h3>
        </div>
    </div>
</div>

<div class="loginBox">
    <div class="login_cont">
        <ul class="login">
            <li class="l_tit">邮箱/用户名/手机号</li>
            <li class="mb_10"><input type="text" class="login_input user_icon"></li>
            <li class="l_tit">密码</li>
            <li class="mb_10"><input type="text" class="login_input password_icon"></li>
            <li>邮箱/用户名/手机号</li>
            <li class="autoLogin"><input type="checkbox" id="a1" class="checked"><label for="a1">自动登录</label></li>
            <li><input type="button" value="" class="login_btn password_icon"></li>
        </ul>
        <div class="login_partners">
            <p>使用合作方账号登陆：</p>
            <ul class="login_list clearfix">
                <li><a href="#">QQ网易</a></li>
                <li><span>|</span></li>
                <li><a href="#">人人</a></li>
                <li><span>|</span></li>
                <li><a href="#">奇虎360</a></li>
                <li><span>|</span></li>
                <li><a href="#">豆瓣</a></li>
                <li><span>|</span></li>
                <li><a href="#">搜狐</a></li>
            </ul>
        </div>
    </div>
    <a class="reg_link" href="#"></a>
</div>

<div class="hr_25"></div>
<!-- 底部 -->
<div class="footer">
    <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招贤纳士</a><i>|</i><a
            href="#">联系我们</a><i>|</i><a href="#">客服热线:0722-4818111</a></p>

    <p>关于我们常见问题反馈意见全站地图京ICP证030173号</p>

    <p class="web"><a href="#"><img src="images/icon/bottom_logo.png" alt="logo"></a><a href="#"><img
            src="images/icon/bottom_logo.png"
            alt="logo"></a><a href="#"><img
            src="images/icon/bottom_logo.png" alt="logo"></a><a href="#"><img src="images/icon/bottom_logo.png"
                                                                              alt="logo"></a></p>
</div>
</body>
</html>